/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel_fr.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel_fr.gif) no-repeat 100% 15%;
}



#lbBottom {
	/*font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;*/
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

/***************************************************************************************
Ajouts Ville de Montréal - VDM - Martion Boudreault - Mars 2010
*/

/* Custom attributes : descriptions */
div#lbTitle{font-weight:bold; font-size:12px; margin: 0 130px 10px 0;}
div#lbCaption{font-weight:normal; margin-right:0; font-size:11px;  }
span#lbDate{font-size:10px; color:#999;}

/* Éléments copyright : en bas à droite */
div#lbCreditsGroup{float:right; margin:4px 0 0 0; font-size:11px; color:#999; }
div#lbAuthor{display:inline-block; clear:none; }
div#lbSource{display:inline-block;  clear:none;}
div.lbSeparator{display:inline-block; clear:none; margin:0 7px;}

/* Barre de navigation au dessus de l'image : nombre d'images, fermer et imprimer. */
div#lbCenter{overflow:visible;} 
div#lbTop{height:23px;position:relative; top:-24px;}
div#lbTop div#lbNumber{color:#fff; font-size:10px; float:left; position:relative; top:6px; width:200px; height:22px;}
div#lbTop a#lbCloseLink{
	display:block; 
	float:right;
	margin:0 0 0 8px; 
	width:22px;
	height:22px;
	background: transparent url(utils.vdm.png) no-repeat scroll -54px -2px;
	outline: none;
	}
	div#lbTop a#lbCloseLink:hover{
		background: transparent url(utils.vdm.png) no-repeat scroll -54px -30px;
		}
	div#lbTop a#lbPrintDownload{
		display:block; 
		float:right;
		margin:0; 
		width:50px;
		height:22px;
		background: transparent url(utils.vdm.png) no-repeat scroll -4px -2px;
		outline: none;
	}
	div#lbTop a#lbPrintDownload:hover{
		background: transparent url(utils.vdm.png) no-repeat scroll -4px -30px;
	}
	
/*Background-images pour  english prev/next navigation, affectation des classes via js */
	a.lbPrevLink_english:hover {background-image :	url(prevlabel_en.gif) !important; background-position: 0 15%; background-repeat:no-repeat;}
	a.lbNextLink_english:hover {background-image :	url(nextlabel_en.gif) !important; background-position: 100% 15%; background-repeat:no-repeat;}


/* DÉBUT * Classe pour situation 1 thumb qui ouvrent un album, les auters images de l'album sont cachés dans un container */

table.cont_imgCache{
	display:none;		
}

/* FIN *** Classe pour situation 1 thumb qui ouvrent un album, les auters images de l'album sont cachés dans un container */